@charset "utf-8"; 

/* CSS Document */

/* Flexible Image Col List */
.cListiFlexible ul{ position:relative; margin:0; padding:0; border:1px solid #ddd; border-left:0; border-right:0; list-style:none; overflow:hidden; font-size:12px; font-family:Tahoma, Geneva, sans-serif; *zoom:1;}
.cListiFlexible ul:after{ content:""; display:block; clear:both;}
.cListiFlexible li{ position:relative; top:1px; float:left; width:150px; height:280px; overflow:hidden; border-bottom:1px solid #eee;}
.cListiFlexible .thumb{ position:relative; display:block; width:120px; line-height:120px; overflow:hidden; text-align:center; background:#eee; color:#666; white-space:nowrap;}
.cListiFlexible .thumb img{ display:block; border:0; width:120px;}
.cListiFlexible .thumb em{ position:absolute; visibility:hidden; width:1px; height:1px; left:0; top:50%; text-align:center; background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff; font-weight:bold; font-style:normal;}
.cListiFlexible .thumb em{ _width:100%; _height:auto; _line-height:20px; _visibility:visible; _top:0; _margin:0;}
.cListiFlexible a{ display:block; width:120px; padding:20px 0 0 0; margin:0 auto; text-decoration:none; cursor:pointer;}
.cListiFlexible a strong{ display:inline-block; margin:8px 0 0 0; color:#333;}
.cListiFlexible p{ width:120px; margin:0 auto; font-size:11px; color:#767676;}
.cListiFlexible a:hover strong,
.cListiFlexible a:active strong,
.cListiFlexible a:focus strong{ text-decoration:underline;}
.cListiFlexible a:hover .thumb,
.cListiFlexible a:active .thumb,
.cListiFlexible a:focus .thumb{ border:3px solid #eee; margin:-3px; -moz-box-shadow:0 0 5px #666; -webkit-box-shadow:0 0 5px #666;}
.cListiFlexible a:hover .thumb em,
.cListiFlexible a:active .thumb em,
.cListiFlexible a:focus .thumb em{ width:100%; height:auto; line-height:200px; margin:-100px 0 0 0; visibility:visible;}
